<!DOCTYPE html>
<html lang="en">
<head th:replace="_th-fragment-template :: head-template"><title></title></head>
<body>

<nav th:replace="_th-fragment-template :: nav-menu-template(6)"></nav>



<div class="ui basic custom-padded-tb-huge segment">
  <div class="ui stackable grid">
    <div class="one wide column"></div>
    <div class="fourteen wide column">
      <div class="ui basic segment">
        <a href="#" class="ui orange label"><h3>默认</h3></a>
        <a href="#" class="ui white basic label"><h3>截图</h3></a>
        <a href="#" class="ui white basic label"><h3>二次猿</h3></a>
        <a href="#" class="ui white basic label"><h3>画画</h3></a>
        <a href="#" class="ui white basic label"><h3>自拍</h3></a>
      </div>
    </div>
    <div class="one wide column"></div>
</div>
</div>
<div class="ui basic segment">
  <div class="ui stackable grid">
    <div class="one wide column"></div>
    <div class="fourteen wide column">
      <div class="ui center aligned four column grid">
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>

        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>
        <div class="ui column">
          <img src="https://picsum.photos/300/250" alt="" class="ui rounded border image" style="width: 300px">
        </div>

      </div>
    </div>
    <div class="one wide column"></div>
  </div>
</div>


<script>
  $('.menu.toggle').on('click', function (){
    $('.click-to-show-nav-menu-list').toggleClass('custom-mobile-hide-menu');
  });
</script>
</body>
</html>